<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="icon" href="">
  <title>hrms-login</title>
  <script type="text/javascript"
          src="jquery-easyui-1.3.3/jquery.min.js"></script>
  <style type=text/css>
    body {
      text-align: center;
      padding-bottom: 0px;
      background-color: #ddeef2;
      margin: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px
    }

    A:link {
      COLOR: #000000;
      text-decoration: none
    }

    A:visited {
      COLOR: #000000;
      text-decoration: none
    }

    A:hover {
      COLOR: #ff0000;
      text-decoration: underline
    }

    A:active {
      text-decoration: none
    }

    .input {
      border-bottom: #ccc 1px solid;
      border-left: #ccc 1px solid;
      line-height: 20px;
      width: 182px;
      height: 20px;
      border-top: #ccc 1px solid;
      border-right: #ccc 1px solid
    }

    .input1 {
      border-bottom: #ccc 1px solid;
      border-left: #ccc 1px solid;
      line-height: 20px;
      width: 120px;
      height: 20px;
      border-top: #ccc 1px solid;
      border-right: #ccc 1px solid;
    }
  </style>
  <script type="text/javascript">
    function login() {
      var username = $("#username").val();
      var password = $("#password").val();
      if (username == null || username == "") {
        alert("username can't be empty！");
        return;
      }
      if (password == null || password == "") {
        alert("password can't be empty！");
        return;
      }
      $("#adminlogin").submit();

    }
  </script>
</head>
<body>

<div></div>
<table style="margin: auto; width: 100%; height: 100%" border=0
       cellSpacing=0 cellPadding=0>
  <tbody>
  <tr>
    <td height=150>&nbsp;</td>
  </tr>
  <tr style="height: 254px">
    <td>
      <div style="margin: 0px auto; width: 868px">
        <img style="display: block"
             src="images/body_03.jpg">
      </div>
      <div style="background-color: #278296">
        <div style="margin: 0px auto; width: 936px">
          <div
              style="BACKGROUND: url(images/body_05.jpg) no-repeat; height: 155px">
            <div
                style="text-align: left; width: 265px; float: right; height: 125px; _height: 95px">
              <form id=adminlogin method=post name=adminlogin
                    action="admin/login">
                <table border=0 cellSpacing=0 cellPadding=0 width="100%">
                  <tbody>
                  <tr>
                    <td style="height: 45px"><input type="text"
                                                    class=input value=""
                                                    name="username"
                                                    id="username"></td>
                  </tr>
                  <tr>
                    <td><input type="password" class=input
                               value="" name="password" id="password"/></td>
                  </tr>
                  </tbody>
                </table>
              </form>
            </div>
            <div style="height: 1px; clear: both"></div>
            <div style="width: 380px; float: right; clear: both">
              <table border=0 cellSpacing=0 cellPadding=0 width=300>
                <tbody>

                <tr>
                  <td width=100 align=right><input
                      style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px"
                      src="images/btn1.jpg"
                      type=image onclick="javascript:login();"></td>
                  <td width=100 align=middle><input
                      style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px"
                      src="images/btn2.jpg"
                      type=image
                      onclick="javascript:adminlogin.reset();"></td>
                </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div style="margin: 0px auto; width: 936px">
        <img src="images/body_06.jpg">
      </div>
    </td>
  </tr>
  <tr style="height: 30%">
    <td>&nbsp;</td>
  </tr>
  </tbody>
</table>

</body>
</html>